<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/flexible/flexible_css.js"></script>
    <script src="js/flexible/flexible.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="js/mobiscroll/mobiscroll.custom-2.17.0.min.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
    <script src="js/each/store.js"></script>
    <title>Title</title>
</head>
<body flex="dir:top">

<div class="dialog add-project">
    <div class="dialog-box" flex="dir:top">
        <div class="dialog-header" flex-box="0" flex="cross:center main:center">
            <div class="dialog-header-icon" flex-box="0"></div>
            <h1 flex-box="10">新建项目</h1>
            <div class="dialog-header-icon btn-close" flex-box="0">
                <a href="javascript:;" flex="main:center cross:center">
                    <span class="icon-close" font="16"></span>
                </a>
            </div>
        </div>
        <div class="dialog-section" flex-box="10">
            <ul class="form" font="16">
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">项目名称</div>
                    <input type="text" class="form-inp" flex-box="10" placeholder="请输入项目名称">
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">项目规模</div>
                    <input type="text" class="form-inp" flex-box="10" placeholder="请输入项目规模">
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">地址</div>
                    <select class="select">
                        <option value="1">成都市</option>
                        <option value="2">广州市</option>
                    </select>
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">负责人</div>
                    <div class="form-word" flex-box="10">张有为</div>
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">负责人电话</div>
                    <div class="form-word" flex-box="10">13540846377</div>
                </li>
            </ul>
        </div>
        <div class="dialog-footer" flex-box="0">
            <a href="" class="btn-bottom" font="18">完成创建</a>
        </div>
    </div>
</div>

<div class="dialog list-select">
    <div class="dialog-box" flex="dir:top">
        <div class="dialog-header" flex-box="0" flex="cross:center main:center">
            <div class="dialog-header-icon" flex-box="0"></div>
            <h1 flex-box="10">供货商筛选</h1>
            <div class="dialog-header-icon btn-close" flex-box="0">
                <a href="javascript:;" flex="main:center cross:center">
                    <span class="icon-close" font="16"></span>
                </a>
            </div>
        </div>
        <div class="dialog-section" flex-box="10">
            <ul class="form" font="16">
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">地区</div>
                    <select class="place">
                        <option value="1">成都市</option>
                        <option value="2">广州市</option>
                    </select>
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">类型</div>
                    <select class="type">
                        <option value="1">张三</option>
                        <option value="2">李四</option>
                    </select>
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">公司规模</div>
                    <select class="company">
                        <option value="1">张三</option>
                        <option value="2">李四</option>
                    </select>
                </li>
            </ul>

            <div class="register-btn">
                <a href="" class="btn btn-blue" font="18">完 成</a>
            </div>
        </div>
    </div>
</div>

<header flex-box="0" flex="main:justify cross:center">
    <div class="header-icon" font="18">
        <a href="mine.html" flex="main:center cross:center">
            <span class="icon-people"></span>
        </a>
    </div>
    <div class="header-search" flex-box="10">
        <div class="search-box" flex="cross:center">
            <input type="text" class="search-inp" placeholder="搜索供应商" font="14" flex-box="10">
            <div class="search-opt" flex-box="0">
                <a href="javascript:;" flex="main:center cross:center">
                    <span class="icon-search" font="14"></span>
                </a>
            </div>
        </div>
    </div>
    <div class="header-icon btn-choice" font="18">
        <a href="javascript:;" flex="main:center cross:center">
            <span class="icon-select"></span>
        </a>
    </div>
</header>
<section flex-box="10">
    <div class="scroll-con">
        <ul class="view">
            <li>
                <a href="storeDetail.html" flex="cross:center">
                    <div class="view-pic" flex-box="0">
                        <p>
                            <img src="img/store1.jpg" alt="">
                        </p>
                    </div>
                    <article flex-box="10">
                        <h2 flex="cross:center">铭尚建材经营部</h2>
                        <p>注册资金：500万</p>
                        <p>地区：成都</p>
                        <p>产品/服务：丹棱红砂石栏杆 汉白玉桥梁栏板</p>
                    </article>
                </a>
            </li>
            <li>
                <a href="storeDetail.html" flex="cross:center">
                    <div class="view-pic" flex-box="0">
                        <p>
                            <img src="img/store2.jpg" alt="">
                        </p>
                    </div>
                    <article flex-box="10">
                        <h2 flex="cross:center">铭尚建材经营部</h2>
                        <p>注册资金：500万</p>
                        <p>地区：成都</p>
                        <p>产品/服务：丹棱红砂石栏杆 汉白玉桥梁栏板</p>
                    </article>
                </a>
            </li>
            <li>
                <a href="storeDetail.html" flex="cross:center">
                    <div class="view-pic" flex-box="0">
                        <p>
                            <img src="img/store3.jpg" alt="">
                        </p>
                    </div>
                    <article flex-box="10">
                        <h2 flex="cross:center">铭尚建材经营部</h2>
                        <p>注册资金：500万</p>
                        <p>地区：成都</p>
                        <p>产品/服务：丹棱红砂石栏杆 汉白玉桥梁栏板</p>
                    </article>
                </a>
            </li>
            <li>
                <a href="storeDetail.html" flex="cross:center">
                    <div class="view-pic" flex-box="0">
                        <p>
                            <img src="img/store4.jpg" alt="">
                        </p>
                    </div>
                    <article flex-box="10">
                        <h2 flex="cross:center">铭尚建材经营部</h2>
                        <p>注册资金：500万</p>
                        <p>地区：成都</p>
                        <p>产品/服务：丹棱红砂石栏杆 汉白玉桥梁栏板</p>
                    </article>
                </a>
            </li>
            <li>
                <a href="storeDetail.html" flex="cross:center">
                    <div class="view-pic" flex-box="0">
                        <p>
                            <img src="img/store5.jpg" alt="">
                        </p>
                    </div>
                    <article flex-box="10">
                        <h2 flex="cross:center">铭尚建材经营部</h2>
                        <p>注册资金：500万</p>
                        <p>地区：成都</p>
                        <p>产品/服务：丹棱红砂石栏杆 汉白玉桥梁栏板</p>
                    </article>
                </a>
            </li>
        </ul>

        <div class="load" font="14" flex="cross:center main:center">
            <span flex>
                <em></em>
                <em></em>
                <em></em>
            </span>
        </div>
    </div>
</section>
<footer>
    <ul class="menu" flex="cross:center box:mean">
        <li>
            <a href="project.html">
                <div class="icon-barrage" font="22"></div>
                <p>项目</p>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="add-btn">
                <div class="icon-add" font="20"></div>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="menu-now">
                <div class="icon-group_fill" font="22"></div>
                <p>供货商</p>
            </a>
        </li>
    </ul>
</footer>
</body>
</html>